/* CSS Document */
*{padding: 0;margin: 0;font-family: "微软雅黑";}
body {  margin: 0 auto; overflow-x: hidden;  background: #fff; color:#666; }
img{border:0;}
ul,li{list-style:none;}
a{ text-decoration:none; color:#444;}
a:hover{text-decoration:none;}
.w100{ width:100%; min-width: 1200px;}
.w1200{ width:1200px; margin:0 auto;}
.content { width: 1200px; margin: 0 auto; overflow: hidden;}
.clearfix{ clear:both; margin-top:50px;}
.clearfix:after,.clearfix:before{clear:both;display:table;line-height:0;content:""}
.clear{ clear:both;}
.fl{ float:left}
.fr{ float:right}
.center{ text-align:center; }
.inb{  display: inline-block;}
.fixed{ position: fixed; top: 0; z-index: 999;}

/*顶部样式*/
.top{ height:35px; line-height:35px; background-color:#ddd; background: url(../images/footer_bg.jpg) repeat; font-size:12px; color:#fff;}
.top a{ color:#fff;}
.top img{ vertical-align: middle;}
.header{ background:#f2f2f2; background-color:#ddd; background: url(../images/gb.jpg) repeat; overflow:hidden; padding:17px 0;}
.logo img{ max-height: 60px; padding-right: 10px;}
.logo .shutiao{ float: left; border-left: 1px dashed #d6d6d6; height: 60px; margin: 0 10px;}
.logo .tb_youshi{ display: inline-block; margin-top: 8px; line-height: 140%;}
.tb_youshi p{font-size: 18px; color: #666;}
.tb_dianhua{ height: 60px; overflow: hidden;}

/*导航*/
.dht{ background-color: #e35f13;}
.menu{ overflow:hidden; margin:0 auto}
.menu .menu_item{ float:left; width:130px; height: 45px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; padding:0px 10px;}
.menu .menu_item a{ display: block; font-size: 15px; color: #fff; line-height:45px; text-align:center;}
.menu .menu_item:hover{ background-color: #f90;}
.menu .cur{ background-color: #f90;}
.menu .cur a{ color: #fff;}
.menu .menu_item:hover a{ color:#fff;}
.menu .menu_item:hover .submenu{display:block; z-index:999; position:absolute;border-top:3px solid #ff6600}
.submenu{background-color:#fff; overflow: hidden;z-index:999; display:none;}
.submenu_item {padding:0 2px; min-width:130px; border-bottom: 1px solid #d0d0d0;}
.submenu_item a{ color:#333 !important; font-weight:100 !important; line-height:3em !important}
.submenu_item:hover{ background:#333}
.submenu_item a:hover{ color:#fff !important}

/*banner*/
.banner{ height:500px;}
.banner img{ height: 500px;}
.banner1{ height:260px;}
.banner1 img{ height: 260px;}

/*首页分类*/
.syfl{ padding: 30px;}
.syfl h1{ color: #e35f13; font-size: 26px; text-align: center; font-weight: normal; background: url(../images/fl_xian.png) no-repeat center;}
.syfl p{ font-size: 14px; color: #ccc; text-align: center;}

/*产品中心*/
.sycp{ background-color: #f6f6f6; height: 660px; background: url(../images/gb.jpg) repeat;}
.product_left{ float: left; width: 210px;}
.product_left .flmc{ width: 210px; height: 75px; background-color: #c00; margin-top: 40px;}
.product_left .flmc p{ line-height: 1em; font-size: 25px; color: #fff; text-align: center; padding-top: 12px;}
.product_left .flmc span{ font-size: 13px; font-weight: normal;}
.product_left .product_fenlei{ width: 210px; margin: 5px auto;}
.product_left .product_fenlei .p_iteam{ width:210px; height: 60px;  text-align: center; background-color: #fff; font-size: 14px; margin-bottom: 2px; line-height: 60px; overflow: hidden;}
.product_left .product_fenlei .p_iteam:hover{ background-color: #e35f13; font-size: 15px; color: #fff;}
.product_left .product_gengduo{ width: 210px; height: 95px; text-align: center; background-color: #666; line-height: 2em; color: #fff; font-family:"微软雅黑";}
.product_left .product_gengduo p{ font-size: 18px;} 
.product_left .product_gengduo span{ font-size: 24px; padding-top: 10px; display: inline-block;} 

.product_right{ float: right; width: 960px; margin: 40px auto;}
.product_right li{ background-color: #fff; float: left; width: 278px; height: 246px; margin: 0 10px 15px 10px; padding: 10px; border-color: #ccc; border-width: 1px; border-style: solid;}
.product_right li:hover{ border-color: #e35f13;} 
.product_right .cpimg{ display: table-cell; vertical-align: middle; text-align: center; width: 278px; height: 220px; overflow: hidden;}
.product_right .cpimg img{ vertical-align: middle; max-width: 278px; max-height: 220px; transition: all 0.6s;}
.product_right .cpimg img:hover{ transform: scale(1.4);}
.product_right .cptitle{ font-size: 16px; color: #666; text-align: center; margin-top: 5px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; font-family: "微软雅黑"; }
.product_right .cptitle:hover{ color: #e35f13;}

/*首页优势*/
.youshi{ height: 600px; background-color: #fff;}
.youshi_left{ width: 325px; float: left;}
.youshi_pic{ width: 550px; height: 416px; float: left; text-align: center;}
.youshi_pic img{ max-width: 550px; max-height: 416px;
    -webkit-transition: -webkit-transform 1s ease-out;
    -moz-transition: -moz-transform 1s ease-out;
    -o-transition: -o-transform 1s ease-out;
    -ms-transition: -ms-transform 1s ease-out;}
.youshi img:hover {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
}    
.youshi_right{ width: 325px; float: right;}
.youshi_nr{ display: inline-block; width: 325px; height: 65px; background-color: #e35f13; margin: 40px 0;}

.youshi h2{ float: left; width: 65px; height: 65px; background-color: #f90; line-height: 65px; color: #fff; font-size: 25px; text-align: center; font-weight: normal;}
.youshi h3{ font-size: 18px; color: #fff; text-align: center; padding-top: 12px; font-weight: normal;} 
.youshi h5{ font-size: 12px; color: #ccc; text-align: center; font-weight: normal;} 

/*首页关于我们*/
.gywm{ height: 500px; background: url(../images/gb.jpg) repeat;}
.gywmtt{ width: 100%; border-bottom: 1px solid #c8c5c4; padding-top: 30px; height: 34px;}
.gywmtt span{ float: left; font-size: 25px; border-bottom: 2px solid #c20000;}
.gywmtt p{ float: right; text-align: center; line-height: 30px; width: 90px; height: 30px;  border: 2px solid #666; border-radius: 20px;}
.gywmtt p:hover{color: #c20000; border: 2px solid #c20000;}
.gywmzc{ width: 500px; margin-right: 20px; border: 3px solid #ccc; overflow: hidden;}
.gywmzc img{ width: 500px; height: 290px; transition: all 0.6s;}
.gywmzc img:hover{ transform: scale(1.4);}
.gywmyc{ width: 634px; height: 261px; padding: 20px; background-color: #e35f13;}
.gywmyc p{ text-indent: 2em; line-height: 2em; font-size: 14px; color: #fff;}
.gywmyc .more1{ float: left; width: 135px; height: 44px; background-color: #f90; line-height: 44px; font-size: 14px; text-align: center; color:#fff; margin: 20px 20px 0 0; font-weight: bold;}
.gywmyc .more1:hover{ background-color: #ff5700; color: #fff;}
.gywmyc .more2{ float: left; width: 135px; height: 44px; background-color: #d9d9d9; line-height: 44px; font-size: 14px; text-align: center; color: #666; margin: 20px 20px 0 0; font-weight: bold;}
.gywmyc .more2:hover{ background-color: #ccc; color: #666;}

/*首页项目案例*/
.xmal{ height: 480px; background-color: #fff;}
.xmalgd{ padding:10px;}
.xmalgd ul{ overflow:hidden; zoom:1; }
.xmalgd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  width: 266px;}
.xmalgd ul li .pic{ text-align:center; }
.xmalgd ul li .pic img{ width:260px; height:210px; display:block; padding:2px; border:1px solid #ccc; }
.xmalgd ul li .pic a:hover img{ border-color:#999;  }
.xmalgd ul li .title{ line-height:24px; padding-top: 10px;}
.tempWrap{width: 1200px!important;}

/*首页新闻 */
.news{ height: 680px; background: url(../images/gb.jpg) repeat;} 
.news h2{ float: left; font-size: 15px; font-weight: normal;}
.news h2:hover{ color: #e35f13;}
.news h4{ font-size: 12px; font-weight: normal; color: #ccc; display: inline-block;}
.news span{ float: right; font-size: 14px; color: #ccc;}
.news span:hover{ color: #e35f13;}
.news_left{ width: 540px; float: left; background-color: #fff; padding: 20px;}
.news_right{ width: 540px; float: right; background-color: #fff; padding: 20px;}
.news .fengexian{height: 10px; width: 100%; border-bottom: 1px solid #d9d9d9; background:none;}
.news li{ float: left; width: 540px; padding: 10px 0; border-bottom: 1px dotted #e2e2e2;}
.news li p{float: left;}
.news li p > a {background: url(../images/arrow.png) no-repeat left center; font-size: 14px; color: #5a5a5a; display: inline-block; padding-left: 20px;}
.news li p > a:hover{ color: #e35f13;}
.news li h5{ float: right;font-size: 12px; color: #ccc; font-weight: normal; }

/*地图留言*/
.maply{ height: 580px; background-color: #fff;}
.map{ float: left; width: 550px; padding-top: 50px;}
.map span{ width: 550px; height: 65px; background-color: #e35f13; display: inline-block; line-height: 65px; text-align: center; color: #fff;}
.liuyan{ float: right; width: 600px;}
.biaodan th{ font-size: 14px; color: #5a5a5a; font-weight: normal;}
.biaodan tr{ height: 70px;}
.biaodan .input-text { border: 1px solid #dedede; font-size: 12px; text-indent: 5px; height: 38px; line-height: 38px; width: 100%; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px;}
.biaodan textarea{ border: 1px solid #dedede; font-size: 12px; text-indent: 5px; width: 100%; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; }
.biaodan .button{ width: 250px; height: 45px; background-color: #f90; line-height: 45px; text-align: center; font-size: 16px; color: #fff; cursor:pointer;}
.biaodan .button:hover{ background-color: #ff5700; color: #fff;}
.biaodantu img{ max-height: 384px;}
input[type="button"], input[type="submit"], input[type="reset"] { border: 0; background-color: transparent; outline: none;}
#dituContent{ width:100%; height:385px; border:#ccc solid 1px;line-height: 2em;}
#dituContent img{ width:auto; height:auto;}


/*网站底部*/
.footer_bg{ background: #404040; background: url(../images/footer_bg.jpg) repeat; height: 280px; margin-top: 50px;}
.footer_left{ float: left; width: 250px; height: 280px; background-color: #e35f13;}
.footer_left img{ width: 190px; height: 190px; padding: 10px 30px;}
.footer_left p{ padding: 0 30px; text-align: center; line-height: 2em; font-size: 14px; color: #fff;}
.footer_right{ float: right; width: 900px; height: 280px;}
.footer_right ul{ border-bottom: 1px solid #999; overflow: hidden;}
.footer_right ul li{ line-height: 50px; width: 110px; padding-top: 50px;}
.footer_right ul li a{ display: block; text-align: center; color: #fff }
.footer_right ul li a:hover{ color:#f90;}
.copyright{ margin-top: 40px; line-height: 2em;}
.copyright p, .copyright a{ color: #ccc; font-size: 14px;}

/*侧边栏*/
.side{position:fixed;width:78px;right:0;top:50%;margin-top:-200px;z-index:100;border:1px solid #e0e0e0;background:#fff;border-bottom:0}
.side ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer}
.side ul li:hover{background:#e35f13;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}
.side ul li i.bgs1{background-image:url(../images/right_pic5.png)}
.side ul li i.bgs3{background-image:url(../images/right_pic2.png)}
.side ul li i.bgs4{background-image:url(../images/right_pic1.png)}
.side ul li i.bgs5{background-image:url(../images/right_pic3.png)}
.side ul li i.bgs6{background-image:url(../images/right_pic6_on.png)}
.side ul li:hover i.bgs1{background-image:url(../images/right_pic5_on.png)}
.side ul li:hover i.bgs3{background-image:url(../images/right_pic2_on.png)}
.side ul li:hover i.bgs4{background-image:url(../images/right_pic1_on.png)}
.side ul li:hover i.bgs5{background-image:url(../images/right_pic3_on.png)}
.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{background:#e35f13;color:#fff}
.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.side ul li.sideewm .ewBox.son{width:238px;display:none;color:#363636;text-align:center;padding-top:235px;position:absolute;left:-240px;top:0;background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0}
.side ul li.sideetel .telBox.son{width:240px;height:237px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:-79px;background:#e35f13}
.side ul li.sideetel .telBox dd{display:block;height:118.5px;overflow:hidden;padding-left:82px;line-height:24px;font-size:18px}
.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:32px;font-size:18px}
.side ul li.sideetel .telBox dd.bgs1{background:url(../images/right_pic8.png) 28px center no-repeat;background-color:#4d86ce}
.side ul li.sideetel .telBox dd.bgs2{background:url(../images/right_pic9.png) 28px center no-repeat}
.side ul li:hover .son{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}

/*内页公共区域*/
.ny_zc{ width: 210px; position: relative; top: -75px;}
.ny_zc .nybt{ height: 75px; background-color: #c00; text-align: center; z-index: 2;}
.nybt h1{ font-size: 25px; color: #fff; font-weight: normal; padding: 10px 0 5px;}
.nybt h5{ text-transform: uppercase; font-size: 13px; color: #fff; font-weight: normal;}
.ny_zc li{ float: left; width: 198px; text-align: center; font-size: 16px; padding: 10px 5px; line-height: 25px; background-image: url(../images/2.jpg); border: 1px solid #d0d0d0; margin-bottom: 1px;}
.ny_zc li:hover{ background-image: url(../images/3.jpg);}
.ny_zc .cur{ background-image: url(../images/3.jpg);}
.ny_zc span{ float: left; width: 210px; height: 47px; font-size: 21px; background-color: #e35f13; color: #fff; text-align: center; line-height: 47px; margin-top: 10px;}
.ny_zc .ny_lx{ border-color: #f0f0f0; border-width: 0px 1px 1px; height: 184px; width: 212px; border-style: solid; text-align: center; line-height: 2em;}
.ny_zc .ny_lx p{ font-size: 14px; color: #5a5a5a; padding-top: 10px;}
.ny_zc .ny_lx h1{ font-size: 21px; color: #e35f13; padding-bottom: 10px; border-bottom: 1px dashed #d0d0d0;}
.ny_zc .ny_lx h2{ font-size: 18px; color: #e35f13; padding-top: 10px;}
.ny_zc .ny_lx h3{ display: inline-block; margin: 10px; font-size: 14px; color: #fff; width: 98px; height: 35px; line-height: 35px; background-color: #e35f13; border-radius: 3px;}
.ny_zc .ny_lx h3:hover{ background-color: #666;}
.ny_yc{ width: 955px;}
.miaobaoxie{ color: #444; padding: 15px 0; font-size: 14px; letter-spacing: 1px;}
.miaobaoxie img{ vertical-align: middle; padding-right: 10px;}
.miaobaoxie a:hover{color: #f90;}
.fengexian{ background: url(../images/4.png); height: 3px; width: 100%;}

.ny_cont,.con_cpnr,.con_cpxq,.ny_news,.lx_cont,.con_tpnr{ padding: 20px 10px; line-height: 2em;}
.ny_cont img{ max-width: 935px;}
.lx_cont img{ max-width: 935px;}
.con_cpxq img{ max-width: 935px;}
.neirong{ padding: 10px 25px 0 25px; line-height: 2em;}
.neirong img{ max-width: 900px; text-align: center;}
.neirong h3{ margin: 20px 0; font-size: 15px; color: #333; border-bottom: 1px #c0c0c0 dashed;}

/*产品展示内容*/
.con_cpnr li{ float: left; width: 280px; height: 240px; margin: 15px; background-color: #fff;}
.con_cpnr .cpimg{ display: table-cell; vertical-align: middle; text-align: center; width: 280px; height: 210px; overflow: hidden; border: solid 1px #e5e5e5;}
.con_cpnr .cpimg:hover{ border: solid 1px #e35f13}
.con_cpnr .cpimg img{ vertical-align: middle; max-width: 280px; max-height: 210px; width: auto; height: auto; transition: all 0.6s;}
.con_cpnr .cpimg img:hover{ transform: scale(1.4);}
.con_cpnr .cptitle{ font-size: 14px; color: #434343; text-align: center; margin-top: 10px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
.con_cpnr .cptitle:hover{ color: #e35f13;}

/*产品详情内容*/
.con_cpxq{ padding-top: 30px;}
.con_cpxq .permalink{ text-align: center; margin-bottom: 10px; font-size: 24px; font-weight: bold; font-family: "微软雅黑"; color: #e35f13;}
.con_cpxq .post-miaoshu{ border: 1px solid #E5E5E5; background: #F5F5F5; color: #868686; padding: 5px; margin: 20px auto; font-size: 12px; text-align: left;} 
.con_cpxq .cpxqtu{ text-align: center;}
.con_cpxq .cpxqtu img{ max-width: 900px; overflow: hidden; border: 1px #c0c0c0 solid;}
.con_cpxq .articlebook { margin-top: 30px; text-align: left; float: left;}
.con_cpxq .articlebook p{ margin-top: 10px; font-size: 14px;font-family: "微软雅黑";color: #999;}
.con_cpxq .articlebook p:hover{ color: #d6d5d5;}

/*新闻列表样式*/
.ny_news ul{ padding:5px;}
.ny_news ul li{ display:block; padding:10px 0; text-align:left; border-bottom:1px dashed #D9D9D9;}
.ny_news ul li img{ padding-right:10px;}
.ny_news ul li a{ color:#333;}
.ny_news ul li span{ float:right;}
.ny_news ul li a:hover{ color:#F00;}

/*新闻详情*/
.date{ font-size: 12px; color: #5A5A5A;}

/*图片列表页*/
.con_tpnr li{ float: left; width: 290px; height: 240px; margin: 10px; background-color: #fff;}
.con_tpnr .tpimg{ display: table-cell; vertical-align: middle; text-align: center; width: 290px; height: 200px; overflow: hidden; border: solid 1px #e5e5e5;}
.con_tpnr .tpimg:hover{ border: solid 1px #e35f13}
.con_tpnr .tpimg img{ vertical-align: middle; max-width: 290px; max-height: 200px; transition: all 0.6s;}
.con_tpnr .tpimg img:hover{ transform: scale(1.4);}
.con_tpnr .tptitle{ font-size: 14px; color: #434343; text-align: center; margin-top: 10px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
.con_tpnr .tptitle:hover{ color: #e35f13;}

/*联系我们*/
.lx_cont{line-height: 3em; padding: 20px 50px; font-size: 16px;}
.lx_cont img{ width: 24px; height: 16px; vertical-align: middle; padding-right: 20px}

/*翻页样式*/
#pre{margin-top:20px; padding-top:10px; font-size:14px; clear:both; text-align:right; margin-bottom:15px}
#pre a{ color:#e35f13;}
#pages {width: 100%;height: 50px;text-align: center;line-height: 50px;padding-top: 1px; clear:both;}
#pages a {background: #f5f5f5;border: #ddd solid 1px;padding: 2px 8px;margin: 0 2px;float: none;color: #666;font-size: 14px;}
#pages span {background: #e35f13; color: #fff;border: #DDD solid 1px;padding: 2px 8px;margin: 0 2px;float: none;}